<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>歌词欣赏</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
            padding: 20px;
        }
        .lyrics-container {
            margin: 20px auto;
            padding: 30px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            transition: transform 0.3s ease;
        }
        .lyrics-container:hover {
            transform: translateY(-5px);
        }
        .song-title {
            font-size: 28px;
            color: #2c3e50;
            margin-bottom: 20px;
            text-align: center;
            font-weight: 600;
            position: relative;
        }
        .song-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 3px;
            background: #3498db;
            margin: 10px auto 0;
        }
        .lyrics {
            font-family: '楷体', serif;
            font-size: 20px;
            line-height: 2;
            color: #34495e;
            text-align: center;
        }
        @media (max-width: 768px) {
            .lyrics {
                font-size: 18px;
            }
            .song-title {
                font-size: 24px;
            }
        }
    </style>
</head>
<body>
    <div class="lyrics-container">
        <div class="song-title">《前世今生》</div>
        <div class="lyrics">
            莫非前世那一眼<br>
            只为今生见一面<br>
            匆匆美梦奈何天<br>
            爱到深处了无怨<br>
            千山阻隔万里远<br>
            来世再续今生缘<br>
            宁愿相守在人间<br>
            不愿飞作天上仙
        </div>
    </div>

    <div class="lyrics-container">
        <div class="song-title">《小美满》</div>
        <div class="lyrics">
            没什么 大愿望<br>
            没有什么事 赶不上<br>
            只要看 这世界<br>
            不是 荒野 一片<br>
            小美满 就在身边<br>
            小满
        </div>
    </div>
</body>
</html>